{% extends 'layout.html' %} 
{% block title %}{{title}}{% endblock %} 
{% block headstyles %}
{% parent %}
<link rel="stylesheet" type="text/css" href="../styles/index.css">
{% endblock %}
{% block content %}
<x-foo></x-foo>
<script src="http://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/systemjs/0.20.9/system.js"></script>
<script type="text/javascript">
SystemJS.config({
    baseURL: '../scripts/'
});
SystemJS.import('initThumb.js').then(function(m) {
  console.log(m.default);
  m.default();
});
/*(function($, MyThumb) {
  function callback($) {
      var f = new $.thumbUp($('#thumb'), $('#addOne'));
      f.clickEvent();
  }
  SystemJS.import('../scripts/mythumb.js').then(function(m) {
      $.extend({
          thumbUp: m.default.MyThumb
      });
      callback($);
  });
  
})($, MyThumb);*/
</script>
{% endblock %}
{% block bottomscipts %}
{% parent %}
{{htmlWebpackPlugin.files}}
{% endblock %}